/***************************************
			由于Chrome、IOS10等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到HTTPS。
			***************************************/
var map, geolocation;
//加载地图，调用浏览器定位服务
map = new AMap.Map('container', {
	resizeEnable: true
});
map.plugin('AMap.Geolocation', function() {
	geolocation = new AMap.Geolocation({
		enableHighAccuracy: true, //是否使用高精度定位，默认:true
		timeout: 10000, //超过10秒后停止定位，默认：无穷大
		buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
		zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false
		buttonPosition: 'RB'
	});
	map.addControl(geolocation);
	geolocation.getCurrentPosition();
	AMap.event.addListener(geolocation, 'complete', onComplete); //返回定位信息
	AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息
});
//解析定位结果
function onComplete(data) {
	alert('定位成功');
	var str = ['定位成功'];
	str.push('经度：' + data.position.getLng());
	str.push('纬度：' + data.position.getLat());
	if(data.accuracy) {
		str.push('精度：' + data.accuracy + ' 米');
	} //如为IP精确定位结果则没有精度信息
	str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));
	//document.getElementById('tip').innerHTML = str.join('<br>');
	//定位成功计算两点距离
	
	var thisJ = data.position.getLng();
	var thisW = data.position.getLat();
	var jl;
	var x;
	var y;
	var dz;
	var md;
	var City;
	$.ajax({
		url:'../data.json',
		success:function (data){
			console.log(data);
			for(var i = 0;i<data.length;i++){
				var jd = data[i].JD;
				var wd = data[i].WD;
				var City = data[i].city;
				var Dz = data[i].address;
				var Md = data[i].mobile;

				
				var j = thisJ-jd;
				var w = thisW-wd;
				
				
				var l = Math.sqrt(j*j+w*w);
				console.log(l);
				if(jl){
					if(l<jl){
						jl = l;
						x = jd;
						y = wd;
						dz = Dz;
						md = Md;
					}
				}
				else{
					jl = l;
					x = jd;
					y = wd;
					dz = Dz;
					md = Md;
				}
				
			}
			console.log('最短：'+jl,'经度:'+x,'维度：'+y);
			 //构造路线导航类
		    var driving = new AMap.Driving({
		        map: map,
		        //panel: "panel"
		    }); 
		    // 根据起终点经纬度规划驾车导航路线
		    driving.search(new AMap.LngLat(thisJ, thisW), new AMap.LngLat(x, y));
		    
		    //地图初始化时，在地图上添加一个marker标记,鼠标点击marker可弹出自定义的信息窗体
			
			addMarker();
			//添加marker标记
			function addMarker() {
				map.clearMap();
				var marker = new AMap.Marker({
					map: map,
					zIndex: 999999,
					position: [x, y]	
				});
				//鼠标点击marker弹出自定义的信息窗体
				marker.on('click', function() {
					infoWindow.open(map, marker.getPosition());
				});
			}
			
			//实例化信息窗体
			var title = '张裕白兰地',
				content = [];
			content.push("<img width=25% height=20  src='images/logo.png/'>地址："+dz+"");
			content.push("电话："+md+"");
			//content.push("<a href='http://ditu.amap.com/detail/B000A8URXB?citycode=110105'>详细信息</a>");
			var infoWindow = new AMap.InfoWindow({
				isCustom: true, //使用自定义窗体
				content: createInfoWindow(title, content.join("<br/>")),
				offset: new AMap.Pixel(16, -45)
			});
			
			//构建自定义信息窗体
			function createInfoWindow(title, content) {
				var info = document.createElement("div");
				info.className = "info";
			
				//
				//info.styl可以通过下面的方式修改自定义窗体的宽高e.width = "400px";
				// 定义顶部标题
				var top = document.createElement("div");
				var titleD = document.createElement("div");
				var closeX = document.createElement("img");
				$(closeX).css('pointer-events','auto');
				top.className = "info-top";
				titleD.innerHTML = title;
				closeX.src = "http://webapi.amap.com/images/close2.gif";
				closeX.onclick = closeInfoWindow;
			
				top.appendChild(titleD);
				top.appendChild(closeX);
				info.appendChild(top);
			
				// 定义中部内容
				var middle = document.createElement("div");
				middle.className = "info-middle";
				middle.style.backgroundColor = 'white';
				middle.innerHTML = content;
				info.appendChild(middle);
			
				// 定义底部内容
				var bottom = document.createElement("div");
				bottom.className = "info-bottom";
				bottom.style.position = 'relative';
				bottom.style.top = '0px';
				bottom.style.margin = '0 auto';
				var sharp = document.createElement("img");
				sharp.src = "http://webapi.amap.com/images/sharp.png";
				bottom.appendChild(sharp);
				info.appendChild(bottom);
				return info;
			}
			
			//关闭信息窗体
			function closeInfoWindow() {
				map.clearInfoWindow();
			}
		}
	});
}






